@import '../../assets/styles/hairline.scss';


.root {
    padding: 20px;
    :global {
        .title {
            margin-top: 54px;
            width: 96px;
            height: 32px;
            font-weight: 400;
            opacity: 1;
            font-size: 24px;
            color: rgb(143, 139, 139);
        }
        .form-item {
            position: relative;
            margin-top: 39px;
            input {
                font-size: 14px;
                height: 36px;
                width: 100%;
                @include hairline(bottom, #f0f0f0);
                &::placeholder {
                    color: #A5A6AB;
                }
            }
            button {
                font-size: 16px;
                width: 100%;
                height: 50px;
                opacity: 1;
                background: linear-gradient(315deg,#ff9999, #ffa179);
                border-radius: 4px;
                color: #fff;
            }
            .active {
                background: linear-gradient(315deg,#fe4f4f, #fc6627);
            }
            .red {
                font-size: 14px;
                color: #df4747;
            }
            .send-text {
                position: absolute;
                top: 0;
                right: 0;
                color: darkgray;
                font-size: 13px;
                line-height: 36px;
            }
        }
    }
}